<!DOCTYPE html>
<meta charset="utf-8" />

<link rel="stylesheet" href="ace_v1.3/assets/css/ui.jqgrid.css" />

<div class="search_panel">
<form action="mpomng/app/queryAppList.do" method="post" onsubmit="return pageSearch(this);">
	<div style="display: block;" class="widget-body ">
		<div class="widget-main">
			<div class="rowt">
				<div class="col-sm-12">
					<div>
						<div class="search_elm" style="margin-left: 0px">
							<label class="label_search">APP 名称:</label>
							<div class="search_input">
								<input id="search_iappName" type="text" name="appName" placeholder="请输入APP名称">
							</div>
						</div>
					<div class="search_elm" style="margin-left: 0px">
							<label class="label_search">APP 版本号:</label>
							<div class="search_input">
								<input id="appVersion" type="text" name="appVersion" placeholder="请输入APP版本号">
							</div>
						</div>
						<div class="search_elm" style="margin-left: 0px">
							<label class="label_search">APP 说明:</label>
							<div class="search_input">
								<input id="appDesc" type="text" name="appDesc" placeholder="请输入APP说明">
							</div>
						</div>
						<div class="search_elm">
							<label class="label_search" >APP平台:</label>
							<div class="search_input">
							    <select 
									 rel="obj.APP_PLATFORM"
						 			 location="local" 
									 name="appPlatform" 
						 			id="search_appPlatform" 
						 			data-placeholder="请选择状态" style="width: 130px;vertical-align:middle;">
									<option value='' >----请选择----</option>
								</select>
							</div>
						</div>
						
						<div class="search_elm">
							<button class="btn btn-small btn_search" type="submit" title="搜索" > 搜索 </button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</form>
</div>
	<div class="rowt">
		<div class="col-xs-12">
			<table id="grid-table"></table>
			<div id="grid-pager"></div>
			<div style="margin-top: 10px">
				<span id="auth_btn">
					<a a class="btn btn-small btn-add" onclick="add();">新增</a>
					<a  class="btn btn-small btn-update" onclick="edit();">修改</a>
					<a  class="btn btn-small btn-delete" onclick="deleteApp();">删除</a>
				</span> <span id="paging_bar" style="float: right"> </span>
			</div>

		</div>
	</div>

	<script type="text/javascript">
	var jqGrid;
	jQuery(function($) {
		var grid_selector = "#grid-table";
		var pager_selector = "#grid-pager";

		$(window).on(
				'resize.jqGrid',
				function() {
					$(grid_selector).jqGrid('setGridWidth',$(".page-content").width());
				})
		var parent_column = $(grid_selector).closest('[class*="col-"]');
		$(document).on(
				'settings.ace.jqGrid',
				function(ev, event_name, collapsed) {
					if (event_name === 'sidebar_collapsed'|| event_name === 'main_container_fixed') {
						setTimeout(function() {
							$(grid_selector).jqGrid('setGridWidth',parent_column.width());
						}, 0);
					}
				})
		jQuery(grid_selector).jqGrid({
			url : "mpomng/app/queryAppList.do",
			datatype : "json",
			height : '100%',
			width : '100%',
			colNames : [ 'ID 主键','APP 名称','APP 版本号','APP 平台 ','APP 是否自动更新','APP 说明','APP 发布时间','文件大小(MB)','文件名称','创建人','创建时间','操作' ],
			
			colModel : [    {name : 'appId',        index : 'appId',   hidden:true,     width : '150px' ,sortable:false}, 
						     {name : 'appName',        index : 'appName',        width : '150px',sortable:false }, 
						     {name : 'appVersion',        index : 'appVersion',        width : '150px' ,sortable:false}, 
						     {name : 'appPlatform',        index : 'appPlatform',        width : '150px',sortable:false,ditcKey:'APP_PLATFORM' ,formatter : gridFormatByDict }, 
						     {name : 'appAutoUpdate',        index : 'appAutoUpdate',        width : '150px' ,sortable:false ,ditcKey:'APP_AUTO_UPDATE' ,formatter : gridFormatByDict}, 
						     {name : 'appDesc',        index : 'appDesc',        width : '150px',sortable:false}, 
						     {name : 'appIssueDate',        index : 'appIssueDate',        width : '150px',sortable:false ,formatter : gridFormatByDate}, 
						     {name : 'appFileSzie',        index : 'appFileSzie',        width : '150px',sortable:false}, 
						     {name : 'appFileName',        index : 'appFileName',        width : '150px' ,sortable:false}, 
						     {name : 'createUserId',        index : 'createUserId',        width : '150px',sortable:false }, 
						     {name : 'createDate',        index : 'createDate',        width : '150px',sortable:false,formatter : gridFormatByDate },
						     {name : '',        index : '',        width : '100px',formatter:operateEdit}
			            ],
			viewrecords : true,
			rowNum : 10,
			rowList : [ 10, 20, 30 ],
			altRows : true,
			shrinkToFit : false,
				multiselect : true,//设置行可多选的 
				multiboxonly : true,//

				loadComplete : function() {
					var table = this;
					setTimeout(function() {
						//加载分页
						initPagingBar(grid_selector);
					}, 0);
				},
				beforeRequest : function() {//请求之前执行
					jqGrid = this;
				},
			});
			$(window).triggerHandler('resize.jqGrid');

			$(document).one('ajaxloadstart.page', function(e) {
				$(grid_selector).jqGrid('GridUnload');
				$('.ui-jqdialog').remove();
			});
			
			function operateEdit(cellvalue, options, rowObject){//定义button按钮
				var button = "<div class=\"hidden-sm hidden-xs btn-group\">";  
					button += "<button class='btn btn-xs btn-warning' onclick='selectApp(\""+rowObject["appId"]+"\")'"   
					 +"title='详细信息查看'>详细</button>";
				return button;
			};
			
			
			
		});
	
	function selectApp(appId){
		if(appId.length<=0){
			msg.alert("警告", "当前没有选择数据项！", "error");
			return;
		}
		var scrWidth = document.body.scrollWidth;
		openDialog({
			dialogId : 'dlg-agentEdit',
			title : 'APP版本维护详情列表',
			pageUrl :'mpomng/app/AppDetailView.do',
			dataUrl : 'mpomng/app/queryAppById.do',
			width : '60%',
		    height:'70%',
			dataParam : {
				appId : appId
			},
			dataName : 'obj,map'//表单数据存储对象名称

		}); 
		
		
		
	}
	
	//新增
	function add() {
		openDialog({
			dialogId : 'dlg-app',
			title : '新增app版本',
			pageUrl : 'mpomng/app/appView.do',
			pageParam: {
				type:'add'
			},
			width : '70%',
		    height:'70%'
		});
	}
	//修改
	function edit() {
		var rows = $('#grid-table').jqGrid("getGridParam", "selarrrow");
		
		if (rows.length == 0) {
			msg.alert("警告", "当前没有选择数据项！", "error");
			return;
		}
		if (rows.length > 1) {
			msg.alert("警告", "不能同时选择多项数据！", "warn");
			return;
		}
		var ids = "";
		for (var i = 0; i < rows.length; i++) {
			ids += $('#grid-table').jqGrid('getRowData',rows[i]).appId+ ",";
		}
		ids = ids.substring(0, ids.lastIndexOf(","));
		openDialog({
			dialogId : 'dlg-app',
			title : '编辑app版本',
			pageUrl : 'mpomng/app/appView.do',
			dataUrl : 'mpomng/app/queryAppById.do?appId='+ ids,
			width : '70%',
			height:'70%',
			dataParam : {
				appId : ids
			},
			pageParam: {
				type:'edit'
			},
			dataName : 'obj' //表单数据存储对象名称

		});
	}
	//用户删除
	function deleteApp() {
		var rows = $('#grid-table').jqGrid("getGridParam", "selarrrow");
		if (rows.length == 0) {
			msg.alert("警告", "当前没有选择数据项！", "warn");
			return;
		}
		
		var ids = "";
		for (var i = 0; i < rows.length; i++) {
			　ids += $('#grid-table').jqGrid('getRowData',rows[i]).appId+ ",";
		}
		ids = ids.substring(0, ids.lastIndexOf(","));
		msg.confirm({title:'确认',position:'center',msg:'您确定要删除选中的数据吗？',call:function(ok){
			if(ok){
				$.ajax({
					type : "post",
					url : "mpomng/app/deleteApp.do?appIds=" + ids,
					dataType : 'json',
					success : function(result) {
						if (result.rspcod != 200) {
							msg.alert("错误", result.rspmsg + " 错误代码："
									+ result.rspcod, 'error');
						} else {
							msg.alert("提示", result.rspmsg, 'correct');
							$("#grid-table").trigger("reloadGrid");
						}
					},
					error : function(XMLHttpRequest, textStatus) {
						msg.alert("错误", "错误代码：" + XMLHttpRequest.status + ",错误描述："
								+ textStatus, 'error');
					}
				});

			}
		}});
		

		
		}

	</script>